<!--
*@description 
*@fileName table-pagin.vue
*@author wxl
*@date 2025/02/12 09:21:46
!-->
<template>
    <div class="pagin-box">
      <el-pagination
         :current-page="pageNo"
         :page-size="pageSize"
         :page-sizes="[10,50, 100, 200, 500]"
         :small="true"
         layout="total, sizes, prev, pager, next, jumper"
         :total="total"
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
       />
    </div>
</template>
<script setup>
const props = defineProps({
  // 当前页
  pageNo: {
    type:Number,
  },
  pageSize: {
    type:Number,
    default: 10
  },
  total: {
    type:Number,
    default: 0
  }
})

function handleSizeChange(val) {
  emits('handleSizeChange', val)
}
function handleCurrentChange(val) {
  // emits('update:pageNo', newPage)
  emits('handleCurrentChange',val)
}
const emits = defineEmits(['update:pageNo', 'handleSizeChange','handleCurrentChange'])
</script>
<style lang="scss" scoped>

</style>
